"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Example;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Example() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-page"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-container--scroll"
  }, /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "RIGHT",
    trigger: "click",
    followTrigger: true,
    content: /*#__PURE__*/_react.default.createElement("div", null, "\u5BB9\u5668\u88AB\u6EDA\u52A8\u65F6\uFF0C\u6D6E\u5C42\u8DDF\u968F\u3002click\u89E6\u53D1\u65F6\u4E0D\u4F1A\u7ACB\u523B\u6D88\u5931")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "click follow")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "RIGHT",
    trigger: "hover",
    followTrigger: true,
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        height: "180px"
      }
    }, "\u5BB9\u5668\u88AB\u6EDA\u52A8\u65F6\uFF0C\u6D6E\u5C42\u8DDF\u968F\u3002hover\u89E6\u53D1\uFF0C\u9F20\u6807\u4E0D\u5728\u611F\u5E94\u533A\u4F1A\u6D88\u5931")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "hover follow")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "RIGHT",
    trigger: "click",
    content: /*#__PURE__*/_react.default.createElement("div", null, "\u6EDA\u52A8\u5BB9\u5668\u5185\u7684\u9ED8\u8BA4\u6D6E\u5C42\u4E0D\u8DDF\u968F")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "click")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "RIGHT",
    trigger: "hover",
    content: /*#__PURE__*/_react.default.createElement("div", null, "\u6EDA\u52A8\u5BB9\u5668\u5185\u7684\u9ED8\u8BA4\u6D6E\u5C42\u4E0D\u8DDF\u968F")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "hover"))));
}